.widgetna_icon_url .icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.widgetna_icon_url .icon-list-item {
  position: relative;
  width: 25%;
  padding: 10px 10px;
  text-align: center;
  border: 0
}

.widgetna_icon_url .icon-list-item:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--theme-color);
  content: "";
  opacity: 0
}

.widgetna_icon_url .icon-list-item:hover:before {
  opacity: .2
}

.widgetna_icon_url .wpcom-icon {
  font-size: 32px;
  line-height: 32px;
  height: 32px;
  color: var(--theme-color);
  vertical-align: top
}

.widgetna_icon_url .wpcom-icon img {
  width: 32px;
  height: auto;
  vertical-align: top
}

.widgetna_icon_url .list-item-title {
  display: block;
  font-size: 14px;
  margin-top: 5px;
  line-height: 20px;
  color: var(--theme-black-color);
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden
}

.widgetna {
  margin-bottom: 20px;
  padding: 12px;
  background: var(--theme-el-bg-color)
}

:root {
  --theme-color: #1abc9c;
  --theme-hover: #179482;
  --action-color: #179482;
  --theme-base-color: #fff;
  --theme-body-bg-color: #f5f5f5;
  --theme-el-bg-color: #fff;
  --theme-color-h: 0;
  --theme-color-s: 0%;
  --theme-color-l: 15%;
  --theme-color-hsl: var(--theme-color-h), var(--theme-color-s), var(--theme-color-l);
  --theme-black-color: hsl(var(--theme-color-hsl));
  --theme-gray-color: hsla(var(--theme-color-hsl), .8);
  --theme-light-color: hsla(var(--theme-color-hsl), .6);
  --theme-line-color: hsla(var(--theme-color-hsl), .05);
  --theme-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif
}